<template>
  <div>
    <div>请求数据</div>
    <div>请求数据</div>
    <div>请求数据</div>
    **************************************示例************************************************
    <pre>
      什么是mock数据？
    处于开发环境模拟接口返回的数据（用于开发状态后端还没给接口）
    不会影响生产环境，只是方便我们还没与后端交互时不阻塞我们开发流程。
    mock数据的好处 团队可以并行工作， 可以用演示开发成果，实时反馈开发进度
    模式测试并简单了解接口编写为全栈打基础。
    </pre>
    <ul>
      <li v-for="i in list" :key="i.id">{{i.content+i.add_time}}</li>
    </ul>
  </div>
</template>

<script type="text/javascript">
import axios from "axios";
import { ajaxFn } from "@/utils/request.js";
export default {
  data() {
    return {
      list: null,
    };
  },
  components: {},
  created() {
    // this.submit_data();

    axios.get("/api/get/news").then((res) => {
      // console.log(res);
      this.list = res.data.list;
    });

    // axios.post("/api/post/news").then((res) => {
    //   console.log(res);
    // });
  },
  methods: {
    submit_data() {
      let url =
        "http://api.tianapi.com/areanews/index?key=27e644e0cc044b13e76a35b1ae8635b4&areaname=湖北";
      ajaxFn(url)
        .then((res) => {
          console.log(res.newslist);
        })
        .catch((err) => {
          console.log(err);
        });
    },
  },
};
</script>

<style  scoped>
</style>
